<!-- Module Elastic Image Slideshow -->
{if $page_name == "index"}
{literal}
<div id="ei-slider" class="ei-slider">
    <ul class="ei-slider-large">
    {/literal}
    {foreach from=$xml->item item=my_item name=loop}
        {literal}
        	<li>
                <img src='{/literal}{$module_dir}{$my_item->img}{literal}' alt="" title="{/literal}{$my_item->$title|truncate:127:'...'}{literal}" />
                <div class="ei-title">
                    <h2>{/literal}{$my_item->$title|truncate:20:'...'}{literal}</h2>
                    <h3>{/literal}{$my_item->$text|truncate:90:'...'}{literal}</h3>
                    <a class="button" href="{/literal}{$my_item->url}{literal}">{/literal}{l s='Xem chi tiết' mod='eislideshow'}{literal}</a>
                </div>
            </li>
        {/literal}
    {/foreach}{literal}
    </ul>
    <ul class="ei-slider-thumbs">
    	<li class="ei-slider-element"></li>
        {/literal}
        {foreach from=$xml->item item=my_item name=loop}
            {literal}
            <li><a href="#"></a></li>
         	{/literal}
        {/foreach}
        {literal}
    </ul>
</div>
<script type="text/javascript">
 //jQuery.noConflict();
    jQuery(function() {
        jQuery('#ei-slider').eislideshow({
            easing      : 'easeOutExpo',
            titleeasing : 'easeOutExpo',
            titlespeed  : 1200
        });
    });
</script>
{/literal}
{/if}
<!-- /Module Elastic Image Slideshow -->